<template>
	<Layout>
        <banner></banner>
        <news-list :number="3">
            <a href="javascript:;" @click="$router.push('/news')" class="more">更多新闻</a>
        </news-list>
        <div class="philosophy">
            <c-title text="特色专业" :icon="require('@/assets/imgs/shanchangzhuanye@2x.png')"></c-title>
            <ul>
                <li @click="$router.push('/course?type=0')">
                    <span></span>
                    <h3>工业机器人技术应用</h3>
                    <p>工业设计方向</p>
                    <p>口腔修复3D打印方向</p>
                    <p>装配和维护方向</p>
                </li>
                <li @click="$router.push('/course?type=1')">
                    <span></span>
                    <h3>智能化生产线安装与运维</h3>
                    <p>轴承方向</p>
                    <p>新能源方向</p>
                    <p>虚拟仿真方向</p>
                </li>
                <li @click="$router.push('/course?type=2')">
                    <span></span>
                    <h3>计算机应用</h3>
                    <p>动漫设计 建筑装饰</p>
                    <p>平面设计 电子竞技</p>
                    <p>大数据技术 网络攻防</p>
                </li>
                <li @click="$router.push('/course?type=3')">
                    <span></span>
                    <h3>电子商务</h3>
                    <p>跨境电商方向</p>
                    <p>会计电算化方向</p>
                </li>
                <li @click="$router.push('/course?type=4')">
                    <span></span>
                    <h3>网络营销</h3>
                    <p>新媒体运营方向</p>
                    <p>物流管理方向</p>
                    <p>5G通信方向</p>
                </li>
                <li @click="$router.push('/course')">
                    <span></span>
                    <h3>查看更多</h3>
                </li>
            </ul>
        </div>
        <teacher-list :number="3">
            <a href="javascript:;" @click="$router.push('/teacher')" class="more">更多讲师</a>
        </teacher-list>
        <div class="school">
            <c-title text="校园风光" :icon="require('@/assets/imgs/jianqu@2x.png')"></c-title>
            <img src="@/assets/imgs/school.png" alt="">
        </div>
    </Layout>	
</template>
<style src="./css/index.less" lang="less" scoped></style>
<script src="./js/index.js"></script>